<template>
  <div id="profile">
    <profile-head-bar></profile-head-bar>
    <profile-content-bar></profile-content-bar>
    <admin-user-bar v-if="this.$store.getters.getStatus === '管理员' "></admin-user-bar>
  </div>
</template>

<script>

  import ProfileHeadBar from "@/components/content/profile/profileHead/ProfileHeadBar";
  import ProfileContentBar from "@/components/content/profile/profileContent/ProfileContentBar";
  import AdminUserBar from "@/components/content/profile/adminUse/AdminUserBar";

  export default {
    name: "Profile",
    components: {
      AdminUserBar,
      ProfileContentBar,
      ProfileHeadBar,
    }
  }
</script>

<style scoped>
  #profile {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    overflow-y: scroll;
  }
</style>